<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="http://www.baidu.com">点击</a>
    <!-- <button>点击</button> -->
    <script>
        // 默认事件 默写元素或者事件  自带的事件 
        // document.oncontextmenu = function(){
        //     console.log("点击了");
        // }
        // var btn = document.querySelector("button");
        // btn.onclick = function(){
        //     window.location.href = "http://www.baidu.com";
        // }


        // 跳转之前询问是否真的跳转功能？
        // 绑定的事件和默认事件冲突了；优先执行了默认事件
        // 阻止默认事件
        // 1.e.preventDefault(); // 可以写在任意位置； 兼容性问题 如果是IE8 或者以下 e.returnValue=false;
        // 2.return false ； // 只能写在最后 
        var aEle = document.querySelector("a");
        aEle.onclick = function(e){
            // e.preventDefault(); //阻止默认事件；
           
          var res =   confirm("是否真的要跳转");
          if(res){
              console.log("要跳转");
              window.location.href = "http://www.sohu.com";
          }else{
              console.log("不跳转");
          }
         
            return false;
        }
    </script>
</body>
</html>